<!DOCTYPE html>
<html>
	<head>
		<title>Store Theme Preview</title>
		<link rel="stylesheet" href="style.css"/>
		<script type="text/javascript" src="js/util.js"></script>
	</head>
	<body>
		<header>
			<div class="container clearfix">
				<a href="#"><img id="logo" alt="Logo" src="images/logo.png"/></a>
				<nav>
					<ul id="top-menu">
						<li><a href=""#>Home</a></li>
						<li><a class="sf-with-ul" href=""#>About us</a></li>
						<li><a href=""#>Location</a></li>
						<li><a href=""#>Missions Statement</a></li>
						<li><a class="sf-with-ul" href=""#>Shopping Cart</a></li>
						<li><a href=""#>Sitemap</a></li>
					</ul> 
				</nav> <!--top-menu-->
				
				<div id="search-bar" class="clearfix">
					<form id="searchform1" action="" method="get">
						<input id="searchinput" type="text" name="s" value="search this site ..."></input>
						<input id="searchsubmit" type="image" src="images/search-icon.png"></input>
					</form>
				</div> <!--search-bar-->
				
				<div class="clearfix"></div>
					<ul id="secondary-menu">
						<li>
							<a href="#">
								<strong>Mens Clothing</strong>
								<span>Improve your look</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Interior Design</strong>
								<span>beauty your home</span>
							</a>
						</li>
						<li>
							<a href="#">
								<strong>Kitchen Supplies</strong>
								<span>modern hardware</span>
							</a>
						</li>
						<li>
							<a href="#">
								<strong>Affordable Jewelry</strong>
								<span>accessories and more</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Accessories</strong>
								<span>description here</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Designer Shoes</strong>
								<span>heppy feet</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Traveling</strong>
								<span>the world</span>
							</a>
						</li>
					</ul> <!--secondary-menu-->
				
			</div> <!--container-->
		</header> <!--header-->
		
		<div id="featured">
			<div class="container clearfix">
				<div id="slides">
					<div class="slide active">	
					</div> <!--slide active-->
				</div> <!--slides-->
				<div id="controlers">
					<div class="item">
						<a class="product" href="#">
							<img width="109" height="109" alt="" src="images/feature-3-2-109x109.jpg"/>
							<span class="tag-outer"><span class="tag-inner">$45.95</span></span>
						</a>
					</div> <!--item-->
					<div class="item">
						<a class="product" href="#">
							<img width="109" height="109" alt="" src="images/feature-2-2-109x109.jpg"/>
							<span class="tag-outer"><span class="tag-inner">$45.95</span></span>
						</a>
					</div> <!--item-->
					<div class="item">
						<a class="product" href="#">
							<img width="109" height="109" alt="" src="images/feature-1-2-109x109.jpg"/>
							<span class="tag-outer"><span class="tag-inner">$45.95</span></span>
						</a>
					</div> <!--item-->						
				</div> <!--controlers-->
				<div id="description">
					<h2>Lorem ipsum dolor sit amet</h2>
					<p>Lorem ipsum dolor sit amet, plenus lacrimas in deinde cepit roseo ruens sed dominum oculos ne alicuius altum pervenit. Aureos ad te finis laeta quis ait regem ut sua. Casus turbata minim venisse no singulos exerceret quodam nos.</p>
				</div> <!--description-->
			</div> <!--container clearfix-->
			<div id="top-shadow"></div> <!--top-shadow-->
			<div id="bottom-shadow"></div> <!--bottom-shadow-->
		</div> <!--featured-->

		<div id="content">
			<div class="container clearfix">
				<!--
				<h3 id="deals-title">Deal of the day</h3>
				-->
				<div id="scroller" class="clearfix">
					<a id="left-arrow" class="arrow" href="#">Previous</a>
					<div id="items">
						<div class="item">
							<span class="tag">$12.99</span>
							<img width="162" height="112" alt="" src="images/hat-2-162x112.jpg" />
							<h4><a href="#">Smooth Crocodle Skin</a></h4>
							<a href="#"><div class="more-info">more info</div></a>
						</div>
						<div class="item">
							<span class="tag">$35.99</span>
							<img width="162" height="112" alt="" src="images/back-3-162x112.jpg" />
							<h4><a href="#">Back to school</a></h4>
							<a href="#"><div class="more-info">more info</div></a>
						</div>
						<div class="item">
							<span class="tag">$39.95</span>
							<img width="162" height="112" alt="" src="images/shoes2-1-162x112.jpg" />
							<h4><a href="#">Bushess Shoes</a></h4>
							<a href="#"><div class="more-info">more info</div></a>
						</div>
						<div class="item">
							<span class="tag">$19.95</span>
							<img width="162" height="112" alt="" src="images/pillow2-1-162x112.jpg" />
							<h4><a href="#">Bright pillows</a></h4>
							<a href="#"><div class="more-info">more info</div></a>
						</div>						
					</div>
					<a id="right-arrow" class="arrow" href="#">Next</a>
				</div> <!--scroller-->
				<div id="main-area">
					<div id="main-content" class="clearfix">
						<div id="left-column">
							<div class="product">
								<div class="product-content">
									<a class="image">
										<img src="images/wallet-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Vintage Wallet</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis condimentum justo vitae est tincidunt placerat....</p>
									<a class="more-info" href="#">more info</a>
									<span class="band buygetone"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/pillow-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Designer Pillows</h3>
									<p>Maecenas eu turpis et ante lobortis semper. Quisque sodales dignissim dolor at condimentum. Quisque vel nunc arcu,...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band outofstock"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/shoes-1-193x130.jpg" alt="shoes"/>
										<span class="tag"></span>
									</a>
									<h3>Mens Shoes</h3>
									<p>Fusce interdum vestibulum urna quis imperdiet. Donec tristique erat nec magna euismod at ultricies lectus...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band onsale"></span>
								</div> <!--product-content-->

								<div class="product-content">
									<a class="image">
										<img src="images/wallet-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Vintage Wallet</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis condimentum justo vitae est tincidunt placerat....</p>
									<a class="more-info" href="#">more info</a>
									<span class="band buygetone"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/pillow-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Designer Pillows</h3>
									<p>Maecenas eu turpis et ante lobortis semper. Quisque sodales dignissim dolor at condimentum. Quisque vel nunc arcu,...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band outofstock"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/shoes-1-193x130.jpg" alt="shoes"/>
										<span class="tag"></span>
									</a>
									<h3>Mens Shoes</h3>
									<p>Fusce interdum vestibulum urna quis imperdiet. Donec tristique erat nec magna euismod at ultricies lectus...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band onsale"></span>
								</div> <!--product-content-->

								<div class="product-content">
									<a class="image">
										<img src="images/wallet-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Vintage Wallet</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis condimentum justo vitae est tincidunt placerat....</p>
									<a class="more-info" href="#">more info</a>
									<span class="band buygetone"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/pillow-1-193x130.jpg" alt="wallet"/>
										<span class="tag"></span>
									</a>
									<h3>Designer Pillows</h3>
									<p>Maecenas eu turpis et ante lobortis semper. Quisque sodales dignissim dolor at condimentum. Quisque vel nunc arcu,...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band outofstock"></span>
								</div> <!--product-content-->
								<div class="product-content">
									<a class="image">
										<img src="images/shoes-1-193x130.jpg" alt="shoes"/>
										<span class="tag"></span>
									</a>
									<h3>Mens Shoes</h3>
									<p>Fusce interdum vestibulum urna quis imperdiet. Donec tristique erat nec magna euismod at ultricies lectus...</p>
									<a class="more-info" href="#">more info</a>
									<span class="band onsale"></span>
								</div> <!--product-content-->

							</div> <!--product-->
							<div class="clearfix"></div>
							<div class="wp-pagenavi">
								<span>Page 1 of 5</span>
								<a class="previous">previous</a>
								<a class="page" href="#">1</a>
								<a class="page" href="#">2</a>
								<a class="page" href="#">3</a>
								<a class="page" href="#">4</a>
								<a class="page" href="#">5</a>
								<a class="next">next</a>
							</div> <!--wp-pagenavi-->
						</div> <!--left-column-->
						<div id="sidebar">
							<div id="eshopw_cart-4" class="widget eshop-widget eshopcart_widget">
							
								<div class="header"><h4>shopping cart</h4></div>
								<div class="widget-content">
									<p>Your cart is empty</p>
									<p>View cart</p>
									<p>Checkout</p>
								</div> <!--widget-content-->
							</div> <!--shopping cart-->
							<div id="recent-posts-3" class="widget widget_recent_entries">
								<div class="header"><h4>recent products</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Vintage Wallet</a></li>
										<li><a href="#">Designer Pillows</a></li>
										<li><a href="#">Mens Shoes</a></li>
										<li><a href="#">Toiletry Collection</a></li>
										<li><a href="#">Silverware</a></li>
									</ul>
								</div> <!--widget-content-->
							</div> <!--recent products-->
							<div id="meta-3" class="widget widget_meta">
								<div class="header"><h4>company info</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Log in</a></li>
										<li><a href="#">Entries RSS</a></li>
										<li><a href="#">Comments RSS</a></li>
										<li><a href="#">WordPress.org</a></li>
									</ul>
								</div> <!--widget-content-->
							</div> <!--company info-->
							<div id="linkcat-2" class="widget widget_links"> 
								<div class="header"><h4>blogroll</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Documentation</a></li>
										<li><a href="#">Plugins</a></li>
										<li><a href="#">Suggest Ideas</a></li>
										<li><a href="#">Support Forum</a></li>
										<li><a href="#">Themes</a></li>
										<li><a href="#">WordPress Blog</a></li>
										<li><a href="#">WordPress Planet</a></li>
									</ul>
								</div> <!--widget-content-->
							</div><!--blogroll-->						
						</div> <!--sidebar-->
					</div> <!--main-content-->
				</div> <!--main-area-->
				<div id="footer">
					<p id="copyright">Designed by <a href="#">Elegant Themes</a> | Powered by <a href="#">Wordpress</a></p>
				</div> <!--footer-->
			</div> <!--container-->
		</div> <!--content-->
	</body>
</html>